<template>
  <div>About ： {{ $route.params.name }}</div>
</template>

<script>
import { useRouter, useRoute } from 'vue-router'
export default {
  setup() {
    const router = useRouter()
    const route = useRoute()
    console.log(router)
    console.log(route)
  },
  created() {
    // vue-router会对之前维护的映射表进行填充其他属性
    // 当前route对象，包含参数
    // console.log(this.$route)
    // 全局router对象，可以进行跳转操作，编程式导航
    // console.log(this.$router)
  },
}
</script>

<style scoped></style>
